    *{
    margin: 0;
    padding: 0;
    /* 内减模式，防止撑大盒子 */
    box-sizing: border-box;
    }
    li{
        list-style: none;
    }
    a{
        text-decoration: none;
    }
     /* 双伪类标签选择器，清除浮动解决盒子塌陷问题 */
    .clearfix::before,.clearfix::after{
        content: '';
        display: table;
    }
    .clearfix::after{
        clear: both;
    }
    body{
        background-color: #f3f5f7;
    }
    /* 版心 */
    .wrapper{
        width: 1200px;
        margin: 0 auto;
    }
    /* 头部 */
    .header{
        height: 42px;
        margin: 30px auto;
    }
    h1{
        float: left;
    }
    /* 导航  */
    .nav{
        float: left;
        height: 42px;
        margin-left: 70px;
    }
    .nav li{
        float: left;
        margin-right: 26px;
    }
    .nav li:nth-child(-n+3) a{
        display: block;
        height: 42px;
        line-height: 42px;
        padding:0 9px 0 ;
        color: #050505;
        font-size: 18px;
    }
    .nav li:nth-child(-n+3) a:hover{
        border-bottom: 2px solid #00a4ff;
    }

     ul li  .lianxi  {
        position: relative;
      }
      .call {
        display: none;
        position: absolute;
        left: 50%;
        top: 90px;
        transform: translate(-50%,-50%);
        background-color: white;
      }

      /*  */
      .nav li a:hover .call {
        display: block;
      }
    /* 搜索 */
    .search{
        float: left;
        width: 412px;
        height: 40px;
        margin-left: 40px;
        border: 1px solid #00a4ff;
        line-height: 22px;
    }
    .search input{
        float: left;
        padding-left: 20px;
        width: 360px;
        height: 38px;
        border: 0;
    }
    /* 控制Placeholder的样式 */
    .search input::placeholder{
        font-size: 14px;
        color: #bfbfbf;
    }
    .search button{
        float: left;
        width: 50px;
        height: 38px;
        background-image:url('./images/btn.png') ;
        border: 0;
    }
    .user{
        float: right;
        height: 42px;
        margin-right: 35px;
        line-height: 42px;
    }
    .user img{
        vertical-align: middle;
    }
    .banner{
        height: 420px;
    }
    .banner .wrapper{
        height: 420px;
        background-image: url(./images/banner1.jpg);
    	background-size:cover;
    }
    .banner .left{
        float: left;
        width: 190px;
        height: 420px;
        background-color: rgba(85,47,1, 0.5);
        padding:28px 20px;
        /* 行高属于控制文字的属性，能继承 */
        line-height:40px;
    }
    .banner .left span{
        float: right;
    }
    .banner .left a{
        font-size: 14px;
        color: #fff;

    }
    .banner .left a:hover{
        color:white;
    }
	.banner .left li{
        padding:0px 10px;
    }
	.banner .left ul li:hover{
        background-color:#00a4ff;
		border-radius:500px 500px;
    }

    .banner .right{
        float: right;
        width: 228px;
        height: 300px;
        margin-top: 50px;
        background-color: #fff;
    	border-radius:5px 20px 5px;
    }
    .banner .right h2{
        height: 48px;
        background-color: red;
        text-align: center;
        line-height: 48px;
        color: #fff;
        /* 字间距 */
        letter-spacing: 2px;
    	border-radius:5px 20px 5px;
    }
    .banner .right .content{
        padding: 0 18px;
    }
    .banner .right .content dl{
        padding: 8px 0;
        
    }
	.banner .right .content dl:hover{
        background-color:pink;
		border-radius:500px 5px 5px 500px;
    }
    .banner .right .content dt{
        font-size: 16px;
        color: #4e4e4e;
        font-weight: bold;
    }
    .banner .right .content dd{
        font-size: 14px;
        color: #4e4e4e;
    }
    .banner .right a{
        display: block;
        width: 200px;
        height: 40px;
        border: 2px solid red;
        margin: 4px auto 0;
        text-align: center;
        line-height: 38px;
        font-size: 16px;
        color: red;
        font-weight: 700;
    	border-radius:5px 5px;
    }
    .banner .right a:hover{
        background-color: red;
        color: #fff;
    }
    /* 商城推荐 */
    .goods{
        margin-top: 8px;
        padding-left: 34px;
        padding-right: 26px;
        height: 60px;
        background-color: #fff;
        /* 外阴影 */
        box-shadow: 0px 2px 3px 0px 
		rgba(118, 118, 118,0.2);
        line-height: 60px;
    }
    .goods h2{
        float: left;
        font-size: 16px;
        color: #FF5511;
        margin-left: 34px;
        
    }
    .goods ul{
        float: left;
        margin-left: 30px;
    }
    .goods  ul li{
        float: left;
    }
    .goods ul a{
        border-left: 1px solid #bfbfbf;
        padding: 0 30px;
        font-size: 16px;
        color: #050505;
    }
    .goods ul li:hover{
    	border-bottom: 3px solid #00a4ff;
    	font-weight:bold;
    }
    /* 商城推荐内容 */
    .box .title{
        overflow: hidden;
        margin: 37px 0 21px;
    }
    .box .title h2{
        float: left;
        font-size: 20px;
        color: #494949;
        font-weight: 400;
    }
    .box .title a{
        float: right;
        margin-right: 30px;
        font-size: 12px;
        color: #a5a5a5;
        
    }
    .box .content li{
        position: relative;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        float: left;
        width: 850px;
        height: 270px;
        background-color: #fff;
    	border-radius:5px;
    }
    .box .content li:nth-child(5n){
        margin-right: 0;
    }
    .box .content li img{
        width: 228px;
        height: 140px;
    	margin-top:40px;
    }
    .box .content li h3{
        padding: 20px;
        font-size: 14px;
        color: #050505;
        font-weight: 400;
    }
    .box .content li p{
        padding: 0 20px;
        font-size: 12px;
        color: #999999;
    }
    .box .content li p span{
        color: #ff7c2d;
    }
    .box .content li a:hover{
        box-shadow: 0px 2px 5px 0px 
		rgba(118, 118, 118,0.5);
    }
    .box .content .shop1{display:inline-block;}
    .box .content li .hot{
        position: absolute;
        right: -4px;
        top: 4px;
    	
        width: 40px;
        height: 24px;
    }
    .box .content .picture{
		width:100px;
    	height:100px;
    }
    .box .content_left_a li{
		width: 100%;
        height: 28px;
    	text-align:center;
    	line-height:28px;
    }
	.box .content_left_a a{
		position: relative;
		color: #000;
		text-decoration: none;
	}
	.box .content_left_a a:hover{
		color:#3dacec;
	}
	.content_left_a a:link ,a:visited{
		
		text-decoration: none;
	}
	.tb_three{
		float:right;
		width:325px;
		margin-bottom:10px;
		border-collapse:collapse;
		background-color:white;
		table-layout:fixed;
		cellspacing:0;
		cellpadding:0;
		border-radius:8px;
	}
	.tb_three tr th{
		width:100%;
		height:50px;
		border-top:none;
		text-align:left;
		padding-left:10px;
		box-shadow:0px -5px 6px 0px #ececec inset;
		background-color:#fbfbfb;
	}
	.tb_three tr{
		height:-5px;
	}
	.tb_three td{
		text-align:left;
		padding-left:-10px;
		font-size:13px;
		color:#9a9a8f;
		padding:10px 0;
		
		white-space: nowrap; 
		text-overflow: ellipsis; 
		overflow: hidden;
	}
	.tb_three span{
		color:#9a9a8f;
		font-size:5px;
	}
	.tb_three span a:hover{
		color:red;
		text-decoration:none;
	}
	.tb_three span a:link,a:visited{
		color:#9a9a8f;
		text-decoration:none;
	}
    .footer{
        margin-top: 40px;
        padding-top:30px;
        height: 220px;
        background-color: #fff;
    }
    .footer .left{
        float: left;
    }
    .footer .left p{
        font-size: 12px;
        color: #666;
        margin: 20px 0 10px;
    }
    .footer .left a{
        display: block;
        width: 120px;
        height: 36px;
        border:2px solid #00a4ff;
        font-size: 16px;
        color: #00a4ff;
        text-align: center;
        line-height: 32px;
    }
    .footer .left a:hover{
        background-color: #00a4ff;
        color: #fff;
    }
    .footer .right{
        float: right;
        margin-right: 31px;
        
    }
    .footer .right dl{
        float: left;
        color: #333;
        margin-left: 120px;
    }
    .footer .right dt{
        margin-bottom: 14px;
    }
    .footer .right dd a{
        font-size: 12px;
        color: #333;
        margin-bottom: 5px;
    }
    .footer .right dd a:hover{
        border-bottom: 1px solid #00a4ff;
        color: #00a4ff;
    }